@charset "utf-8";
html{
    font-size: 26.67vw;
}
html,body{
    height: 100%;
}
.heard{
    height: .44rem;
    border-bottom: 0.01rem solid #ccc;
    display: flex;
    justify-content: center;
    position: relative;
    font-size: 16px;
    
  }
.pag_title{
    font-size: .17rem;
    text-align: center;
    width: 2.46rem;
    height: 0.44rem;
    margin:0 auto;
    line-height: 0.44rem;
    font-size: 16px;
}
.nav{
    width: .37rem;
    height: .44rem;
    position: absolute;
    /* background: chocolate; */
    left:.15rem ;
    font-size:30px;
    font-weight: normal;
}
section{
    margin-top:0.10rem;
    width: 3.75rem;
    height: 7.70rem;
}
section .address{
    width: 3.45rem;
    height: .96rem;
    background-color: #fff;
    margin: auto;
    padding: 0.15rem 0.20rem;
    box-sizing: border-box;
    font-size: 16px;
}
section .address .no-address-con{
    padding: 0.11rem 0;
    box-sizing: border-box;
    font-size: 0.14rem;
    text-align: center;
    line-height: 0.34rem;
}
section .address .no-address-con span{
    display: inline-block;
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 50%;
    background-color: chocolate;
    color: #fff;
    font-size: 0.20rem;
}


section .details{
    width: 3.45rem;
    height: 2.30rem;
    /* margin-top: 10rem; */
    padding: 0.20rem 0.15rem 0.5rem;
    box-sizing: border-box;
    margin:0.10rem auto;
    background-color: #fff;
    font-size: 16px;
}
section .details .shopping{
    width: 3.15rem;
    height: 1.15rem;
    margin-bottom: 0.08rem;
    padding-bottom: 0.18rem;
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    border-bottom: 0.01rem solid #eee;
}
section .details .shopping .img{
    width: 0.80rem;
    height: 0.80rem;
}
section .details .shopping .card{
    width: 2.26rem;
    height: 0.80rem;
    padding-left: 0.15rem;
    box-sizing: border-box;
}
section .details .shopping .card .card_name{
    width: 2.11rem;
    height: 0.66rem;
    margin-bottom: 0.025rem;
    font-size: #333;
    font-size: 14px;
}
section .details .shopping .card .card_spec{
    width: 2.11rem;
    height: 0.66rem;
    margin-bottom: 0.025rem;
    font-size: #333;
    font-size: 14px;
}
section .details .invoice{
    width: 3.15rem;
    height: 0.38rem;
    padding: 0.12rem 0.15rem 0.12rem 0;
    box-sizing: border-box;
    font-size: 16px;
    display: flex;
    /* text-align: justify; */
    justify-content: space-between;
}
section .details .invoice span{
    font-size: 14px;
    color: #333;
}
section .details .invoice .coupon{
    color: #999;
}


section .service{
    width: 3.45rem;
    height: 0.54rem;
    background-color: #fff;
    /* margin: 0rem au?to; */
    margin-left:0.15rem;
    margin-top: 0.10rem;
    display: flex;
    padding: 0.115rem .15rem;
    box-sizing: border-box;

}
section .service .home{
    width: 3.15rem;
    height: .31rem;
    line-height: .31rem;
    display: flex;
}
section .remark{
    width: 3.45rem;
    height: 1.09rem;
    margin: 0.10rem auto;
    background-color: #fff;
    padding: 0.20rem 0.15rem;
    box-sizing: border-box;
    font-size: 14px;

}
section .remark .remark_title{
    width: 3.15rem;
    height: 0.14rem;
    font-size: 14px;
    line-height: 0.14rem;
    color: #333;
}
section .remark  input{
    width: 3.15rem;
    height:0.44rem;
    border: none;
}
section .remark .flex{
    width: 3.15rem;
    height: .25rem;
    padding: .06rem;
    box-sizing: border-box;
    font-size: .13rem;
    display: flex;
    justify-content: space-between;
    
}

